/*
* ======================================================================
* ----------------------------------------------------------------------
* zFPmenu:	zon Fixed-Position Navigation/Share Menu
* Author:	zon
* Website:	http://inimu.com
* ----------------------------------------------------------------------
* You may use and/or modify the codes below and its associated files
* as long as you leave the author credit remain intact
* ----------------------------------------------------------------------
* ======================================================================
*/
/*
* ----------------------------------------------------------------------
* Credits:
* 1. CSS Drop-Down Menu by Live Web Institute (http://www.lwis.net)
* 2. Scrolling with jQuery by Codrops (http://tympanus.net/codrops)
* 3. addLoadEvent by Simon Willison (http://simonwillison.net/)
* 4. jQuery by jQuery Javascript Library (http://www.jquery.com)
* ----------------------------------------------------------------------
*/


div#zfpm_div {
	display:none;
	position:fixed; bottom:7px; right:7px; z-index:500;
	padding:1px !important;
	margin:0 !important;
	border-width:1px;
	border-style:solid;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px;
	box-shadow:0 0 15px #666; -moz-box-shadow:0 0 15px #666; -webkit-box-shadow:0 0 15px #666; -khtml-box-shadow:0 0 15px #666;
}
div#zfpm_div * {
	font-family:"Segoe UI",Calibri,"Lucida Grande",Arial,sans-serif;
	font-size:14px;
	line-height:1.2em !important;
	letter-spacing:0;
}
div#zfpm_div img {
	background:none no-repeat scroll 0 0 transparent;
	vertical-align:bottom;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
}
ul#zfpm_ul {
	position:relative;
	z-index:597;
	float:right;
	clear:both;
}
ul#zfpm_ul a:link, ul#zfpm_ul a:visited, ul#zfpm_ul a:hover, ul#zfpm_ul a:active	{
	text-decoration:none;
}
ul#zfpm_ul, ul#zfpm_ul ul {
	margin:0 !important;
	padding:0 !important;
}
ul#zfpm_ul, ul#zfpm_ul li, ul#zfpm_ul ul, ul#zfpm_ul ul li, ul#zfpm_ul ul ul, ul#zfpm_ul ul ul li {
	list-style:none;
}
ul#zfpm_ul, ul#zfpm_ul li, ul#zfpm_ul a {
	line-height:1.5em !important;
}
ul#zfpm_ul li, ul#zfpm_ul ul li, ul#zfpm_ul ul ul li  {
	background-image:none;
}
ul#zfpm_ul li {
	float:left;
	line-height:1.5em !important;
	margin:0.2em !important;
	padding:0 5px !important;
	border-style:solid;
		border-width:1px;
		border-color:transparent !important;
		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
	vertical-align:middle;
	zoom:1;
}
ul#zfpm_ul li:hover {
	position:relative;
	z-index:599;
	cursor:default;
}
ul#zfpm_ul ul {
/*	visibility:hidden;*/
	display:none;
	position:absolute;
	top:100%;
	left:-1px;
	z-index:598;
	width:100%;
	padding:5px !important;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; 
}
ul#zfpm_ul ul ul {
	top:1px;
	left:100%;
	bottom:1px;
}
/*ul#zfpm_ul li:hover > ul { visibility:visible; }*/
ul#zfpm_ul li:hover > ul { display:block; }
ul#zfpm_ul li.box:hover > ul ul { display:block; position:static; }
/*ul#zfpm_ul li.click:hover > ul { visibility:hidden; }*/
ul#zfpm_ul li.click:hover > ul { display:none; }
ul#zfpm_ul *.click ul { left:auto; }
ul#zfpm_ul ul {
	top:auto !important;
	bottom:100%;
}
ul#zfpm_ul { font-weight:bold; }
ul#zfpm_ul li:hover { background-color:transparent; color:#999; }
ul#zfpm_ul ul {
	width:150px;
	margin-top:1px !important;
}
ul#zfpm_ul *.box ul { width:auto; }
ul#zfpm_ul *.box ul li { position:static; }
ul#zfpm_ul *.box ul li:hover { position:static; }
ul#zfpm_ul *.box ul ul {
	box-shadow:0 0 0 transparent; -moz-box-shadow:0 0 0 transparent; -webkit-box-shadow:0 0 0 transparent; -khtml-box-shadow:0 0 0 transparent;
}
ul#zfpm_ul *.box ul ul {
	padding-left:20px !important;
}
ul#zfpm_ul *.box ul ul li {
	margin-bottom:5px !important;
	line-height:1em !important;
}
ul#zfpm_ul *.box ul ul, ul#zfpm_ul *.box ul ul li {
	list-style-type:circle;
	list-style-position:outside;
}
ul#zfpm_ul *.box ul a {
	display:inline;
	padding:0 !important;
}
ul#zfpm_ul *.dir, ul#zfpm_ul ul *.dir {
	list-style-type:none;
}
ul#zfpm_ul *.dir, ul#zfpm_ul *.dir:hover {
	padding-right: 16px !important;
	background-position: 100% 30% !important;
	background-repeat: no-repeat !important;
}
ul#zfpm_ul ul *.dir, ul#zfpm_ul ul *.dir:hover {
	padding-right:16px !important;
	background-position:100% 50% !important;
	background-repeat:no-repeat !important;
}
ul#zfpm_ul *.box, ul#zfpm_ul *.box:hover {
	padding-right: 16px !important;
	background-position: 100% 30% !important;
	background-repeat: no-repeat !important;
}
ul#zfpm_ul ul *.box, ul#zfpm_ul ul *.box:hover {
	padding-right:16px !important;
	background-position:100% 50% !important;
	background-repeat:no-repeat !important;
}
ul#zfpm_ul li a {
	padding:0 5px !important;
	display:block;
}
ul#zfpm_ul li.nolink {
/*	padding:0 5px !important; */
}
ul#zfpm_ul ul li {
	float:none;
	padding:0 !important;
	margin:0 !important;
	font-weight:normal;
}
ul#zfpm_ul ul li a {
	padding:4px 7px !important;
}
ul#zfpm_ul ul li.nolink {
	padding:4px 7px !important;
}
ul#zfpm_ul ul ul {
	bottom:-7px;
}
li#zfpm_shareLi {
	padding:0 !important;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}
iframe.zfpm_shareIframe {
	display:inline;
	vertical-align:bottom;
	overflow:hidden;
	margin:0 0 0 3px !important;
	padding:0 !important;
}
a#zfpm_cp { opacity:0.7; filter:alpha(opacity=70) }
a#zfpm_cp:hover { opacity:1; filter:alpha(opacity=100) }
a#zfpm_cp img {
	padding:2px 0 !important;
	vertical-align:bottom !important;
}
a#zfpm_dn, a#zfpm_up {
	font-size:20px !important;
	line-height:16px !important;
	padding:0 0 4px !important;
	margin:0 !important;
}


/* scroll button
---------------------------------------------------------------------- */
ul#zfpm_ul li#zfpm_scrollBodyLi {
	white-space:nowrap !important;
	word-wrap:normal !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
.zfpm_scrollBodyTopDiv, .zfpm_scrollBodyBottomDiv {
	white-space:nowrap;
	display:inline-block;
	padding:0 !important;
	margin:0 0 0 3px !important;
	vertical-align:top;
	width:25px;
	height:18px;
	cursor: pointer;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	border-width:1px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:transparent;
	border-color:transparent !important;
}


/* separator and spacer
---------------------------------------------------------------------- */
/* navigation spacer */
ul#zfpm_ul li#zfpm_navSpacerLi {
	margin:0 !important;
	padding:0 !important;
}

ul#zfpm_ul li.spacer, ul#zfpm_ul li.separator, ul#zfpm_ul ul li.spacer, ul#zfpm_ul ul li.separator {
	overflow:hidden;
	font-size:0;
	line-height:0 !important;
	padding:0 !important;
	background-color:transparent;
	color:transparent;
}

/* vertical */
ul#zfpm_ul li.spacer, ul#zfpm_ul li.separator {
	width:0;
	margin:6px 4px !important;
	height:16px;
}
ul#zfpm_ul li.spacer {
	border-width:0; border-style:dotted; border-color:transparent !important;
}
ul#zfpm_ul li.separator {
	border-width:0 0 0 1px; border-style:solid; border-color:transparent !important;
}

/* horizontal */
ul#zfpm_ul ul li.spacer, ul#zfpm_ul ul li.separator {
	height:0;
	margin:5px 8px !important;
	width:auto;
}
ul#zfpm_ul ul li.spacer {
	border-width:0; border-style:dotted; border-color:transparent !important;
}
ul#zfpm_ul ul li.separator {
	border-width:1px 0 0 0; border-style:solid; border-color:transparent !important;
}


/* transparent class
---------------------------------------------------------------------- */
.zfpm_trans {
	border-color:transparent !important;
	background-color:transparent !important;
	color:transparent !important;
}
.zfpm_trans:hover {
	border-color:transparent !important;
	background-color:transparent !important;
	color:transparent !important;
}
ul#zfpm_ul li.zfpm_trans {
	border-color:transparent !important;
	background-color:transparent !important;
	color:transparent !important;
}
ul#zfpm_ul li.zfpm_trans:hover {
	border-color:transparent !important;
	background-color:transparent !important;
	color:transparent !important;
}
